import {
  get,
  add,
  updateOne,
  delOne
} from '../../utils/db'
Page({
  data: {
    list: [], //菜谱列表
    tagAdd: false,
    tagUpdate: false,
    name: "", //菜谱名称
    id: "" //菜谱id
  },
  //页面加载获取菜单分类列表
  async onLoad() {
    var result = await get("class").catch(err => {
      console.log(err)
    });
    this.setData({
      list: result.data
    })
  },
  //点击加号 input显示
  showAdd() {
    this.setData({
      tagAdd: true
    })
  },
  //获取input框的值，然后在全局中使用
  showInput(e) {
    var name = e.detail.value;
    this.data.name = name;
  },
  //添加菜单
  async myAdd() {
    // 1.添加数据库
    var result = await add("class", {
      name: this.data.name
    }).catch(err => console.log(err));
    // 2.输入框隐藏
    // 3.新添加的数据在页面显示
    var result = await get("class")
    this.setData({
      list: result.data, //获取最新数据显示在页面
      tagAdd: false //input框隐藏
    })
  },
  //修改
  showUpdate(e) {
    var id = e.currentTarget.id; //获取要修改菜单的id
    var name = e.currentTarget.dataset.name; //获取要修改的菜名
    this.data.id = id //放到全局中使用
    this.setData({
      tagUpdate: true,
      name //渲染到页面
    })
  },
  async myUpdate() {
    //修改数据库
    var result = await updateOne("class", this.data.id, {
      name: this.data.name
    }).catch(err => console.log(err));
    //修改页面
    var result = await get("class")
    this.setData({
      list: result.data,
      tagUpdate: false
    })
  },
  //删除
  del(e) {
    var id = e.currentTarget.id;
    //弹窗
    wx.showModal({
      title: "温馨提示",
      content: "您确定要删除吗？",
      success: async res => {
        if (res.confirm) {
          var result = await delOne("class", id).catch(res => console.log(res))
          var result = await get("class")
          this.setData({
            list: result.data
          })
        }
      }
    })
  }

})